{% extends "layout.html.twig" %}

{% block title %}
    {{ parent() }} - Page not found
{% endblock %}

{% block meta %}
    <meta name="description" content="Page not found" />
    <meta name="keywords" content="Loic Chardonnet, online, CV, resume, 404 Error, page not found" />
{% endblock %}

{% block content %}
    <div class="twelve columns offset-by-one content">
        <h1>Error: page not found</h1>
    </div>

    <div class="six columns offset-by-one content">
        <h2>What happened?</h2>

        <p>
            Sorry, but the page you were trying to view does not exist.
        </p>
    </div>

    <div class="six columns offset-by-one content">
        <h2>Possible reasons</h2>

        <p>
            It looks like this was the result of either:
        </p>

        <ul class="square">
            <li>a mistyped address;</li>
            <li>an out-of-date link;</li>
            <li>someone <a href="http://knowyourmeme.com/memes/rickroll">rick rolled</a> you.</li>
        </ul>
    </div>
{% endblock %}
